<template>
	<view class="">
		<topHead :title='title' :noBack="true"></topHead>
		
		<menuList :list="list"></menuList>
		
		<!-- 导航 -->
		<tabBar selectedIndex=1></tabBar>
	</view>
</template>
<script>
	import menuList from 'components/menuList.vue';
	export default {
		components: { menuList },
		data() {
			return {
				title: '学习',
				list: [
					{
						id: 1,
						name: '音标',
						img: 'learn_music.png',
						url: './item?type=pho'
					},{
						id: 2,
						name: '字头表',
						img: 'learn_ini.png',
						url: './item?type=ini'
					},{
						id: 3,
						name: '书写',
						img: '',
						url: './list'
					},{
						id: 4,
						name: '单词',
						img: 'learn_word.png',
						url: './list'
					},{
						id: 5,
						name: '短语',
						img: '',
						url: './list'
					},{
						id: 6,
						name: '文章',
						img: '',
						url: './list'
					},{
						id: 7,
						name: '歌曲',
						img: '',
						url: './list'
					}
				]
			}
		},
		onLoad() {

		},
		methods: {
			
		}
	}
</script>
<style>
	
</style>